﻿<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    <title>培训管理系统 - 首页</title>

    <link href="../css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
    <link href="../css/font-awesome.min.css?v=4.3.0" rel="stylesheet">
    <link href="../css/animate.min.css" rel="stylesheet">
    <link href="../css/style.min.css?v=3.2.0" rel="stylesheet">

    <!-- Gritter -->
    <link href="../js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

    <!-- 全局js -->
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/bootstrap.min.js?v=3.4.0"></script>
    <script>
        $(function () {
            $("#navbar").load('/ts/navbar.html');
        });
    </script>

    <style>
    .navbar-header{ width:150px; }
    .top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header
    {padding:5px 15px 5px 20px;}
    #tip-panel .alert{padding:5px; margin-bottom: 5px;}
    #tip-panel .alert .close{right:initial;}
    </style>
</head>

<body class="gray-bg top-navigation">

    <div id="wrapper">
        <div id="page-wrapper" class="gray-bg">
            <div class="row border-bottom white-bg">
                <nav class="navbar navbar-static-top" role="navigation">
                    <div class="navbar-header">
                        <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                            <i class="fa fa-reorder"></i>
                        </button>
                        <a href="/ts/index.html" class="navbar-brand">LOGO</a>
                    </div>
                    <div class="navbar-collapse collapse" id="navbar">
                    <!--脚本引入菜单页-->
                    </div>
                </nav>
            </div>
            <div class="wrapper wrapper-content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4"  id="tip-panel">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>预警信息</h5>
                                </div>
                                <div class="ibox-content"  style="height: 90px;">
                                     <div class="alert alert-danger  alert-dismissable">
                                        <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                        XX课程有变更，请重新评估教员资质
                                    </div>
                                     <div class="alert alert-warning  alert-dismissable">
                                        <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                        007培训计划已通过，请安排教室等
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <span class="label label-primary pull-right">今天</span>
                                    <h5>复训监控</h5>
                                </div>
                                <div class="ibox-content"  style="height: 90px;">
                                复训监控XXXX
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>外站培训监控</h5>
                                    <div class="ibox-tools">
                                        <span class="label label-primary">2015.02 更新</span>
                                    </div>
                                </div>
                                <div class="ibox-content"  style="height: 90px;"> 
                                外站培训监控 x x x
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="row">

                        <div class="col-lg-8">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>培训实施</h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="/ts/index.html">
                                            <i class="fa fa-wrench"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-user">
                                            <li><a href="#">设置选项1</a>
                                            </li>
                                            <li><a href="#">设置选项2</a>
                                            </li>
                                        </ul>
                                        <a class="close-link">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <div class="row">
                                        <div class="col-sm-9 m-b-xs">
                                            <div data-toggle="buttons" class="btn-group">
                                                <label class="btn btn-sm btn-white">
                                                    <input type="radio" id="option1" name="options">天</label>
                                                <label class="btn btn-sm btn-white active">
                                                    <input type="radio" id="option2" name="options">周</label>
                                                <label class="btn btn-sm btn-white">
                                                    <input type="radio" id="option3" name="options">月</label>
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="input-group">
                                                <input type="text" placeholder="搜索" class="input-sm form-control"> <span class="input-group-btn">
                                        <button type="button" class="btn btn-sm btn-primary">搜索</button> </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>课程名称</th>
                                                    <th>地点</th>
                                                    <th>时间</th>
                                                    <th>教员</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>机务培训机务培训</td>
                                                    <td>301会议室</td>
                                                    <td>2017/6/11 10:20</td>
                                                    <td>王健林</td>
                                                </tr>
                                                <tr>
                                                    <td>机务培训机务培训</td>
                                                    <td>301会议室</td>
                                                    <td>2017/6/12 10:20</td>
                                                    <td>王健林</td>
                                                </tr>
                                                <tr>
                                                    <td>机务培训机务培训</td>
                                                    <td>301会议室</td>
                                                    <td>2017/6/13 10:20</td>
                                                    <td>王健林</td>
                                                </tr>
                                                <tr>
                                                    <td>机务培训机务培训</td>
                                                    <td>301会议室</td>
                                                    <td>2017/6/13 10:20</td>
                                                    <td>王健林</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>待办事项</h5>
                        <div class="ibox-tools">
                            <span class="label label-warning-light">10条未读</span>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div>
                            <div class="feed-activity-list">

                                <div class="feed-element"> 
                                    <div class="media-body ">
                                        <small class="pull-right">5分钟前</small>
                                        09:00 机务培训会议
                                        <br>
                                        <small class="text-muted">2017.06.18 09:22</small>
                                    </div>
                                </div>

                                <div class="feed-element"> 
                                    <div class="media-body ">
                                        <small class="pull-right">5分钟前</small>
                                        流程待审批
                                        <br>
                                        <small class="text-muted">2017.06.18 09:22</small>
                                    </div>
                                </div>
                                <div class="feed-element"> 
                                    <div class="media-body ">
                                        <small class="pull-right">5分钟前</small>
                                        提交月度工作计划
                                        <br>
                                        <small class="text-muted">2017.06.18 09:22</small>
                                    </div>
                                </div>
                                <div class="feed-element"> 
                                    <div class="media-body ">
                                        <small class="pull-right">5分钟前</small>
                                        提交工作报告
                                        <br>
                                        <small class="text-muted">2017.06.18 09:22</small>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                        </div>
                    </div>


                    <div class="row">
                        <div class="col-lg-8">
                            <div class="ibox float-e-margins">
                                <div class="ibox-content">
                                     <div class="echarts" id="echarts-line-chart"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                             <div class="ibox float-e-margins">
                                <div class="ibox-content">
                                     <div class="echarts" id="echarts-bar-chart"></div>
                                </div>
                            </div>
                        </div>

                    </div>


                </div>

            </div>
        </div>
    </div>





    <!-- 自定义js -->
    <script src="../js/content.min.js?v=1.0.0"></script>


    <!-- Flot -->
    <script src="../js/plugins/flot/jquery.flot.js"></script>
    <script src="../js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="../js/plugins/flot/jquery.flot.resize.js"></script>

    <!-- GITTER -->
    <script src="../js/plugins/gritter/jquery.gritter.min.js"></script>

    <!-- ECharts -->
    <script src="../js/plugins/echarts/echarts-all.js"></script>

    <!-- Peity -->
    <script src="../js/plugins/peity/jquery.peity.min.js"></script>

    <!-- Peity demo -->
    <script src="../js/demo/peity-demo.min.js"></script>

 
    <script src="echart-demo.js"></script>

    <script>
        $(document).ready(function(){
            setTimeout(function(){
                $.gritter.add({
                    title:"大纲变动预警",
                    text:'XX课程有变更，请重新评估教员资质',
                    time:10000
                });
            },1000);

            setTimeout(function(){
                $.gritter.add({
                    title:"教员聘期到期",
                    text:'吴Sir教员聘期到期日2017/6/20',
                    time:10000
                });
            },2000);

            setTimeout(function(){
                $.gritter.add({
                    title:"培训计划通过",
                    text:'007培训计划已通过，请安排教室等',
                    time:10000
                });
            },3000);
        });
    </script>
</body>

</html>